<template>
	
	<view class="page">
		<view class="mask" v-show="showMask" @click="hide"></view>
		<view class="popup popup_bottom">
			<view class="header">
				<view class="title">
					<text>收件信息</text> <text>(用于邮寄合同，请正确选择)</text>
				</view>
				<view class="info">
					<view class="info_text">
						<text>{{name}}{{mobile}}</text>
						<text>{{addr}}</text>
					</view>
					<view class="icon">
						<uni-icon type="arrowright" size="30"></uni-icon>
					</view>					
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	import uniIcon from '@/components/uni-icon.vue';
export default {
    props: {
        /**
         * 图标类型
         */
        type: String,
        /**
         * 图标颜色
         */
        color: String,
        /**
         * 图标大小
         */
        size: String
    },
    data() {
        return {
            showMask: true,
			name:'于平',
			mobile:'15928824314',
			addr:'四川省  成都市  武侯区  成都花园栋2单元2号',
        };
    },
    onBackPress() {
        if (this.showMask) {
            this.showMask = false;
            this.hide();
            return true;
        }
    },
    computed: {
        fontSize() {
            return `${this.size}px`;
        }
    },
    methods: {
        onClick() {},
        hide() {
            this.showMask = false;
        }
    },
	components: {
		uniIcon,
	}
};
</script>

<style>
@import '../common/icon.css';
.page{
	flex-direction: column;
	height:100%
	
	/* .mask {
	    position: fixed;
	    z-index: 998;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
		height: auto;
	    background-color: rgba(0, 0, 0, 0.3);
	}
	.popup {
	    position: absolute;
	    z-index: 999;
	    background-color: #ffffff;
	    -webkit-box-shadow: 0 0 30upx rgba(0, 0, 0, 0.1);
	    box-shadow: 0 0 30upx rgba(0, 0, 0, 0.1);
	}
	.popup_bottom {
	    bottom: 0;
	    width: 100%;
	    height: auto;
	} */
}

</style>
